<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<jsp:include page="EstInscritSyllatheque"></jsp:include>
<jsp:include page="header.jsp"></jsp:include>

<h2><fmt:message key="titleInscription" /></h2>

<div class="inscription">${inscription}</div>

<p><fmt:message key="indexInscription" /></p>

    <form method="post" onsubmit="return validerFormInscription()" name="formInscription" action="InscriptionSyllatheque">
        <fieldset style="margin: 15px;">
            <legend><fmt:message key="legendFormInscription" /></legend>

            <h3><fmt:message key="titleFormInscription1" /></h3>
            <p><fmt:message key="infoFormInscription1" /></p>
            <label for="pseudo" style="margin-top: 6px"><strong><fmt:message key="labelPseudo" />* : </strong></label><br />
            <input name="pseudo" type="text" value="" onKeyUp="javascript:couleur(this);" tabindex="30" autofocus />
            <br /><br />
            <label for="password" style="margin-top: 6px"><strong><fmt:message key="labelPass" />* : </strong></label><br />
            <input name="password" type="password" value="" onKeyUp="javascript:couleur(this);" tabindex="40" />
            <br /><br />
            <label for="passwordConf"><strong><fmt:message key="labelPassConf" />* : </strong></label><br />
            <input name="passwordConf" type="password" value="" onKeyUp="javascript:couleur(this);" tabindex="50" />
            <br /><br />
            <label for="email" style="margin-top: 6px"><strong><fmt:message key="labelEmail" />* : </strong></label><br />
            <input name="email" type="email" value="" onKeyUp="javascript:couleur(this);" tabindex="60" />
            <br /><br />
            
            <hr />
            
            <h3><fmt:message key="titleFormInscription2" /></h3>
            <p><fmt:message key="infoFormInscription2" /></p>
            <label for="nom" style="margin-top: 6px"><strong><fmt:message key="labelNom" />* : </strong></label><br />
            <input name="nom" type="text" value="" onKeyUp="javascript:couleur(this);" tabindex="65" />
            <br /><br />
            <label for="prenom" style="margin-top: 6px"><strong><fmt:message key="labelPrenom" />* : </strong></label><br />
            <input name="prenom" type="text" value="" onKeyUp="javascript:couleur(this);" tabindex="66" />
            <br /><br />
            <label for="lieu" style="margin-top: 6px"><strong><fmt:message key="labelAdresse" />* : </strong></label><br />
            <input name="lieu" type="text" style="width: 450px;" value="" onKeyUp="javascript:couleur(this);" tabindex="70" /> <fmt:message key="infoFormInscription3" />
            <br /><br />
            <label for="telephone" style="margin-top: 6px"><strong><fmt:message key="labelTel" />* : </strong></label><br />
            <input name="telephone" type="tel" value="" onKeyUp="javascript:couleur(this);" tabindex="80" /> <fmt:message key="infoFormInscription4" />
            <br /><br />
            <label for="site" style="margin-top: 6px"><strong><fmt:message key="labelWeb" /> : </strong></label><br />
            <input name="adresse" type="url" style="width: 350px;" value="" onKeyUp="javascript:couleur(this);" tabindex="90" />
            <br /><br />
            
            <hr />
            
            <h3><fmt:message key="titleFormInscription3" /></h3>
            <p><fmt:message key="infoFormInscription5" /></p>
            <label for="prof"><strong><fmt:message key="labelProf" />* : </strong></label><br />
            <div style="padding-top: 5px; padding-left: 45px; font-weight: bold; float: left;"><fmt:message key="labelYes" /></div>
            <input type="radio" class="radioInscription" name="prof" value="true" tabindex="100" /><br /><br />
            <div style="padding-top: 5px; padding-left: 45px; font-weight: bold;  float: left;"><fmt:message key="labelNo" /></div>
            <input type="radio" class="radioInscription" name="prof" value="false" tabindex="100" checked="checked" /> 
            
            <div style="margin-top: 75px; text-align: center">
                <input name="submit" class="btn primary" type="submit" value="<fmt:message key="btnSign" />" tabindex="200" /> - 
                <a href="" tabindex="210"><fmt:message key="btnReset" /></a>
            </div>
        </fieldset>
    </form>
                
    <script type="text/javascript" src="tp/js/function.js"></script>
                
<jsp:include page="footer.jsp"></jsp:include>